<template>
    <footer>
        <div class="footer-box">
            <div class="footer-box_top">
                <p>友情链接</p>
            </div>
            <div class="footer-box_con">
                <!-- <a href="#">星云大数据平台</a>
                <a href="#">尚云科技</a>
                <a href="#">IT毕业设计</a>
                <a href="#">网思安网络课堂</a>
                <a href="#">天亮公开课资源</a> -->
                <a  v-for="(item,index) in footerData" :key="index" :href="item.dictValue" >{{item.dictLabel}}</a>
            </div>
            <div class="footer-box_line">

            </div>
            <div class="footer-box_bottom">
                <P>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</P>

            </div>

        </div>
    </footer>
</template>

<script>
    import {getFooter} from "../api";

    export default {
        name: "footerModify",
        data(){
            return{
                footerData:[],
            }
        },
        created() {
            getFooter().then(res=>{
                // console.log(res)
                this.footerData=res.rows;
            })
        }
    }
</script>

<style scoped>
    footer{
        height: 200px;
        background-color: #444546;
    }
    .footer-box{
        width: 1200px;
        box-sizing: border-box;
        margin: auto!important;
        padding: 20px 0!important;
    }
    .footer-box_top{
        color: #999;
        font-size: 22px;
        margin: 16px 0!important;
    }
    .footer-box_con>a{
        margin-right: 30px!important;
        color: #999;
        font-size: 14px;
        text-decoration: none;
    }
    .footer-box_con>a:hover{
        color: #00cf8c;
    }
    .footer-box_line{
        margin: 30px auto 0!important;
        height: 1px;
        width: 1000px;
        background-color: rgb(84, 84, 84);
    }
    .footer-box_bottom{
        text-align: center;
        color: #999;
        line-height: 30px;
        font-size: 14px;
    }

</style>